<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 1. 事件三要素：事件源 事件 事件驱动程序 -->
    <!-- 2. 常见事件：onclick ondblclick onkeydown onkeyup onmousemove onmouseover onmouseout onload -->
    <!-- 3. 事件绑定方式：行内绑定 匿名函数绑定 -->
    <!-- 4. dom关系：
            兄弟 nextSibling nextElementSibling previousSibling previousElementSibling
            父子 parentNode childNodes children firstChild firstElementChild lastChild lastElementChild -->
    <!-- 5. 节点类型：1元素节点 3文本节点（包含空格 换行） 8注释节点 -->
    <!-- 6. dom元素的增删改 creatElement appendChild insertBefore removeChild cloneChild(isDeep) -->
    <script>
    </script>
</body>
</html>